<!DOCTYPE html>
<html>
  <head>
    <title>shengshiqu.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8" http-equiv="content-type">
    <script type="text/javascript" src="../../js/utils.js"></script>
	<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
 <script>
        var iNum1;
        var iNum2;
        var aProvince = ['湖北','江苏'];
        var aCity =[['武汉','黄冈','荆门'],['南京','无锡','镇江']];
        var aCountry =[[['武汉1','武汉2'],['黄冈1','黄冈2'],['荆门1','荆门2']],[['南京1','南京2'],['无锡1','无锡2'],['镇江1','镇江2']]];
  
       $(function () {
            for(var i=0;i<aProvince.length;i++){
                $('#selProvince').append('<option>'+aProvince[i]+'</option>');
            };
            $('#selProvince').change(function () {
                $('#selCity').children().not(':eq(0)').remove();
                $('#selCountry').children().not(':eq(0)').remove();
                iNum1 = $(this).children('option:selected').index();
                var aaCity = aCity[iNum1-1];
                for(var j=0;j<aaCity.length;j++){
                    $('#selCity').append('<option>'+aaCity[j]+'</option>');
                }
            });
            $('#selCity').change(function () {
                $('#selCountry').children().not(':eq(0)').remove();
                iNum2 = $(this).children('option:selected').index();
                var aaCountry = aCountry[iNum1-1][iNum2-1];
                for(var k=0;k<aaCountry.length;k++){
                    $('#selCountry').append('<option>'+aaCountry[k]+'</option>');
                }
            })
       })
    </script>
</head>
<body>
<select name="" id="selProvince">
    <option value="">----请选择----</option>
</select>
<select name="" id="selCity">
    <option value="">----请选择----</option>
</select>
<select name="" id="selCountry">
    <option value="">----请选择----</option>
</select>
 </body>
</html>
